//封装高阶组件
//核心逻辑：有token 正常跳转 无token 去登录

import { getToken } from "@/utils"
import {Navigate} from'react-router-dom'

 export function AuthRoute({children}){
const token = getToken()
if(token)
{
    return <>{children}</>
}
else{
   return <Navigate to={'/'} replace/>
}
}
// import React, { useState, useEffect } from 'react';
// import { getToken } from '@/utils'; 
// import { Navigate } from 'react-router-dom';

// export function AuthRoute({ children }) {
//   const [isTokenValid, setIsTokenValid] = useState(false);

//   useEffect(() => {
//     // 初始化时检查Token是否存在
//     const checkToken = async () => {
//       const token = getToken();
//       if (token) {
//         setIsTokenValid(true);
//       }
//     };

//     checkToken(); // 立即检查一次Token

//     // 设置定时器，每隔10秒检查一次Token
//     const intervalId = setInterval(() => {
//       checkToken();
//     }, 60000);

//     // 清理函数，当组件卸载时清除定时器
//     return () => {
//       clearInterval(intervalId);
//     };
//   }, []); // 空依赖数组，确保只在挂载和卸载时执行

//   if (isTokenValid) {
//     return <>{children}</>;
//   } else {
//     return <Navigate to="/" replace />;
//   }
// }